@import "_function";

.pay-success{
  .title{
    .h(90);
    .fs(36);
    .lh(90);
    .c(@c18);
    .tc;
    .pr;
    h3{
      .w(700);
    }
    span{
      .fs(32);
      .c(#625f5f);
      .fr;
      .pa;
      .t(0);
      .r(20);
      .h(90);
    }
    .icon{
      .pa;
      .fl;
      .w(31);
      .h(42);
      .l(0);
      .t(20);
      background-image: url("../img/icon_payf_l.png");
      .bs(31,42);
    }
  }

  .status{
    .tc;
    .pt(44);
    img{
      .w(185);
      .h(185);
      .mb(25);
    }
    h3{
      .c(@mainColor);
      .fs(32);
    }
    h4{
      .c(@cred);
      .fs(40);
      .mt(25);
      .mb(25);
    }
    p{
      .fs(32);
      .c(#272828);
      text-decoration: line-through;
    }
  }
  .link{
    .pt(42);
    .pb(36);
    display: flex;
    justify-content: space-around;
    div{
      .w(242);
      .h(66);
      .fs(32);
      .c(@colorW);
      .lh(66);
      .tc;
      .br(8);
      &.shop{
        .bc(@mainColor);
      }
      &.list{
        .bc(#a84200);
      }
    }
  }

  .pay-details{
    .h(136);
    border-top: 2px solid #d4d4d4;
    border-bottom: 2px solid #d4d4d4;
    .fs(32);
    .c(#716d6d);
    .lh(60);
    h5{
      .pl(85);
    }
    p{
      .pl(85);
      i{
        font-style: normal;
        .pl(72);
      }
    }
  }
}